html,body {
	background: rgb(12,35,64);
	background: linear-gradient(180deg, rgba(12,35,64,1) 50%, rgba(8,73,112,1) 100%);
}
.game_splash {
	background: rgb(12,35,64);
	background: linear-gradient(180deg, rgba(12,35,64,1) 50%, rgba(8,73,112,1) 100%);
	position:fixed;
	width:100%;
	height:100dvh;
	top:0;
	left:0;
	z-index:995;
	color:#ffffff;
	font-family: rl2, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
}
.game_splash .inner_splash {
	width: 80%;
    text-align: center;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    margin: 0 auto;
}
.game_splash .inner_splash span {
	color:#ffffff;
	font-family: 'Press Start 2P', serif;
	font-weight: 400;
	font-style: normal;
}
.game_splash#loading {z-index:1000}
.game_splash#change_orient {z-index:998}
.game_splash#register {z-index:999}
.game_splash#choose_player {z-index:997}
.game_splash#choose_scene {z-index:996}
.game_splash .inner_splash img {
	display:block;
	margin:0 auto 20px;
}
.game_splash#ready_to_play .inner_splash .btn {
	margin-top:20px;
}
.game_splash#loading .inner_splash .loader {
	font-family: 'Press Start 2P', serif;
	font-weight: 400;
	font-style: normal;
	position:relative;
	letter-spacing:7px;
	display:inline-block;
}
.game_splash#loading .inner_splash .loader:before{
	content: 'Loading...';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ffc72c;
	overflow: hidden;
	animation: load 7s linear infinite;
	border-right: 4px solid #ffc72c;	
}
@keyframes load{

	0%{
		width: 0;
	}
	50%{
		width: 99%;
	}
	100%{
		width: 0;
	}
}
.btn-primary {
	margin: 0 auto;
    border: .125rem solid transparent !important;
    border-radius: .25rem;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .1rem;
    line-height: .9285714286;
    max-width: 25rem;
    padding: 1rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .25s ease-out;
    background-color: #ffc72c !important;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
}
input[type="checkbox"] {display:none;}
#register input[type="checkbox"] + label {text-transform:none;text-align:left;line-height:20px;}
#register input[type="checkbox"] + label:before {content:'';display:block;float:left;width:20px;height:20px;line-height:20px;text-align:center;font-weight:bold;font-size:1px;background-color:#ffffff;margin:0 10px 0 0;border-radius: 3px;transition:all .3s linear;}
#register input[type="checkbox"]:checked + label:before {content:'\2713';color:#111111;font-size:15px;transition:all .3s linear;}
input[type="text"],textarea,select {width:100%;background:#fff;border:1px solid #d8d8d8;border-radius:3px;line-height:1.7rem;min-height:1.7rem;margin-top:5px!important;padding:5px 10px;font-size:1rem;text-align:center;}
select {-webkit-appearance: none;}
textarea,select[multiple] {border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
#game_ui {
	position: absolute;
    top: 10px;
    left: 20px;
    z-index: 500;
}
#game_ui .avatar {
	float: left;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    border: 2px solid rgba(8, 73, 112, 1);
    margin-right: 10px;
}
#game_ui .avatar img {
	width: 35px;
    height: 35px;
}
#game_ui span.player_name {
	font-family: 'Press Start 2P', serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    line-height: 40px;
    font-size: 12px;
    text-transform: uppercase;
}
#game-view {
	position:relative;
	max-height:450px;
	margin:0 auto;
	overflow:hidden;
}
p.tnc {
	text-transform: none;
    line-height: 1.2;
    font-style: italic;
    font-size: 10px;
    margin-bottom: 0;
}
.blink {
  animation: blink-animation 1.2s steps(5, start) infinite;
  -webkit-animation: blink-animation 1.5s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
#choose_player .inner_splash .click_player * {
	transition: all .25s ease-out;
}
#choose_player .inner_splash .click_player img,#choose_scene .inner_splash .click_scene img {
	border:5px solid transparent;
}
#choose_player .inner_splash .click_player.player-selected img,#choose_scene .inner_splash .click_scene.scene-selected img {
	border:5px solid #ffc72c;
}
#choose_player .inner_splash .click_player.player-selected span {
	color:#ffc72c;
}
.game-over .game-container {
	filter: grayscale(80%) blur(3px);
}
.game-over .game-container .sliding-background {
	animation-play-state: paused;
}
#gameover-overlay {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 995;
    width: 100%;
    height: 100dvh;
}
#gameover-overlay #gameover-screen {
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 450px;
    background: rgb(12, 35, 64);
    background: linear-gradient(180deg, rgba(12, 35, 64, 1) 50%, rgba(8, 73, 112, 1) 100%);
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    padding: 30px;
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 1);
}
#gameover-overlay #gameover-screen span,#gameover-overlay #gameover-screen table {
	font-family: 'Press Start 2P', serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	font-size:12px;
}
#gameover-overlay #gameover-screen span.title {
	color:#ffc72c;
	font-size:16px;
}
#gameover-overlay #gameover-screen span.myhiscore {
	color:#0a68a0;
	font-size:10px;
}
#gameover-overlay #gameover-screen table th {
	padding:5px 10px;
	font-size:12px;
	font-weight:400;
}
#gameover-overlay #gameover-screen table td {
	padding:2px 10px;
	font-size:9px;
}
#gameover-overlay #gameover-screen table tr.myplayer td {
	color:#0a68a0;
}
#gameover-overlay #gameover-screen img.loadgif {
	width: 80px;
    margin-bottom: 20px;
}